<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>2-12</title>
    <!--   引入jQuery -->
    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>
	<style type=" text/javascript"></style>
	<script type="text/javascript">
		$(function(){
			$("div").append("有"+$(":text").length+"个:text元素</br>");
			$("div").append("有"+$(":password").length+"个(:password)元素</br>");
			$("div").append("有"+$(":radio").length+"个(:radio)元素</br>");
			$("div").append("有"+$(":checkbox").length+"个(:checkbox)元素</br>");
			$("div").append("有"+$(":submit").length+"个(:submit)元素</br>");
			$("div").append("有"+$(":image").length+"个(:image)元素</br>");
			$("div").append("有"+$(":reset").length+"个(:reset)元素</br>");
			$("div").append("有"+$(":button").length+"个(:button)元素</br>");
			$("div").append("有"+$(":file").length+"个(:file)元素</br>");
			$("div").append("有"+$("div:hidden,input:hidden").length+"个(:hidden)元素</br>");
			$("div").append("有"+$("#form1 :hidden").length+"个(:hidden)元素</br>");
			$("div").append("有"+$("select").length+"个(select)元素</br>");
			$("div").append("有"+$("textarea").length+"个(textarea)元素</br>");
			$("div").append("表单有"+$("input").length+"个(input)元素</br>");
			$("div").append("总共有"+$(":input").length+"个(:input)元素</br>");
		});
	</script>
</head>
<body>
    <form id="form1" action="#">
        <input type="button" value="Button" /><br />
        <input type="checkbox" name="c" />1<input type="checkbox" name="c" />2<input type="checkbox" name="c" />3<br />
        <input type="file" /><br />
        <input type="hidden" /><div style="display:none">test</div><br />
        <input type="image" /><br />
        <input type="password" /><br />
        <input type="radio" name="a" />1<input type="radio" name="a" />2<br />
        <input type="reset" /><br />
        <input type="submit" value="提交" /><br />
        <input type="text" /><br />
        <select><option>Option</option></select><br />
        <textarea rows="5" cols="20"></textarea><br />
        <button>Button</button><br />
    </form>
    <div></div>
</body>
</html>
